 import styled from "styled-components";
 
const HeaderWrapper = styled.div`
  /* position: relative; */
   
 .top{
  .search-bar{
   display: flex;
   align-items: center;
   height: 80px;
   border-bottom: 1px solid #eee;
   background-color: #fff;
  }
  .search-area{
    height: ${(props)=>(props.showSearch?"100px":"0px")};
    background-color: #fff;
  }
 }

  .fixed{
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
  }
 
  .cover{
    position: fixed;
    top: 180px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background-color:rgba(0,0,0,.3);
  }

 `

export default HeaderWrapper;